<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" type="text/css" href="/lib/bootstrap-3.3.7-dist/css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="/lib/swiper/swiper.css"/>
	<link rel="stylesheet" type="text/css" href="/css/base.css"/>
	<link rel="stylesheet" type="text/css" href="/css/index.css"/>	
	<link rel="stylesheet" type='text/css' href="/fonts/iconfont.css"/>
	<title>台湾原创设计品牌，用好设计精彩你的生活 -Bone 网络商店官方网站</title>
</head>
<body>
	<div class="fa">
		<!-- 导航 -->
		<nav class="navbar navbar-default">
		 
		</nav>			
		<!-- banner -->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide" style="background-image:url(./images/2.jpg)"></div>
				<div class="swiper-slide" style="background-image:url(./images/1.jpg)"></div>
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>
			
			<!-- 如果需要导航按钮 -->
			<div class="swiper-button-prev"></div>
			<div class="swiper-button-next"></div>
		</div>
		<!-- 主体-->
		<div class="selector">
			<div class="container">
				<!-- 主体1-->
				<div class="selector1 select">
					<div class="header">
						<h2>热销商品</h2>
					</div>	
					 <!-- Swiper -->
					<div class="swiper-container2">
					    <div class="swiper-wrapper slide">
							
						</div>
						<!-- Add Pagination -->
						<div class="swiper-pagination swiper-pagination2"></div>
						<!-- Add Arrows -->
						<div class="swiper-button-next"></div>
						<div class="swiper-button-prev"></div>
					</div>
					<script type="text/html" id='indexSlideTemplate'>
						{{each data item}}
						<div class="swiper-slide">
							<a href="#">
								<span>{{item.number}}</span>
								<div><img src="{{item.img}}" alt=""></div>
								<h4>{{item.title}}</h4>
							</a>
						</div>
						{{/each}}
					</script>
				</div>
				<div class="jiemian">
					
				</div>	
				<script type="text/html" id='indexDataTemplate'>
					{{each prodList item}}
					<div class="selector2 select">
						<div class="header">
							<h2>{{item.title2}}</h2>
							<span><a href="#">{{item.des}}</a></span>
						</div>					
						<p>
							{{each item.items item}}
								<a href="#">{{item}}</a>
							{{/each}}
						</p>
						<ul>
							<li><a href="#"><span>{{item.des2}}</span></a></li>
							{{each item.list item}}
								<li><a href="#">
									<div><img src="{{item.img}}" alt=""></div>
									<h4><pre>{{item.biaoti}}</pre></h4>
								</a></li>
							{{/each}}
						</ul>
					</div>
					{{/each}}
				</script>
				
			</div>
			
			<!-- 主体8 -->
			<div class="eight">
				<div class="container">
					<h2>发烧影片</h2>
					<ul>
						<li><a href="#"><img src="images/play.png" ></a></li>
						<li>
							<div>
								<h3>【热销商品/颈挂识别证套】</h3>
								<p>城市轻旅行，识别证/卡夹/零钱包一起带着走；超弹力颈挂绳，硅胶材质不易过敏。轻装外出，更轻松自由！</p>
								<a href="#"><span>立即购买</span></a>
							</div>
						</li>
					</ul>
				</div>
			</div>			
		</div>
		
		<!-- 底部 -->
		<footer>
			
		</footer>
		<!-- 微信 -->
		<div class="aside">
			<a href="#" title="传送讯息给我们"><span class="iconfont icon-weixin"></span></a>
		</div>
	</div>
			
	<script src='/lib/requirejs/require.js' data-main='/js/index.js'></script>
	<script src="/lib/jquery/jquery.min.js"></script>
	<script src="/js/untils.js"></script>
	<script src="/lib/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
	<!-- <script src="/lib/swiper/swiper.js"></script> -->
	<!-- <script src="/js/header-base.js"></script> -->
	<!-- <script type="text/javascript">    
		
	</script> -->
</body>
</html>